<script setup>
import BasicComp from './components/BasicComp.vue';
import sourceData from "@/data.json";
import { ref } from "vue";
const destinations = ref(sourceData.destinations);
</script>

<template>
  <div id="nav">
    <router-link v-for="destination in destinations" :key="destination.id"
      :to="{ name: 'destination.show', params: { id: destination.id, slug: destination.slug } }">
      {{ destination.name }}
    </router-link>
  </div>

  <div class="container">
    <router-view></router-view>
  </div>

</template>

<style scoped></style>
